<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/layui.css" />
		<style>
			#color{
				background-color: #00FF00;
			}
		</style>
	</head>
	<body>
		<ul class="layui-nav" lay-filter="">
			<!-- <li class="layui-nav-item"><a href="">最新活动</a></li> -->
			<li class="layui-nav-item layui-this" id="color"><a href="" title="产品">产品</a></li>
			<li class="layui-nav-item"><a href="">大数据</a></li>
			<li class="layui-nav-item">
				<a href="javascript:;">解决方案</a>
				<dl class="layui-nav-child">
					<!-- 二级菜单 -->
					<dd><a href="">移动模块</a></dd>
					<dd><a href="">后台模版</a></dd>
					<dd><a href="">电商平台</a></dd>
				</dl>
			</li>
			<li class="layui-nav-item" id="color"><a href="" title="社区">社区</a></li>
		</ul>
		
		<script src="js/layui.all.js"></script>
		
		<script>
			//注意：导航 依赖 element 模块，否则无法进行功能性操作
			layui.use('element', function() {
				var element = layui.element;
				
				//…
			});
		</script>
	</body>
</html>
